<!--
 * @Author: linZeJian
 * @Date: 2022-04-28 10:20:31
 * @LastEditors: linZeJian
 * @LastEditTime: 2022-04-29 09:44:00
 * @Description: 
-->

<template>
  <div id="app" class="w100 bpmn-app" >
    <transition name="fade-transform">
      <router-view :key="key"/>
    </transition>
    
  </div>
</template>

<script>
export default {
  computed:{
    key(){
      return this.$route.path
    }
  }
}
</script>

<style lang="scss">
.bpmn-app{
  height: calc(100vh - 100px) !important;
}
/* fade-transform */
.fade-transform-enter-active {
  transition: all 0.5s ease;
}

.fade-transform-enter,
.fade-transform-leave-to {
  opacity: 0;
  transform: scale(0.9);
}
</style>
